<%--
  Created by IntelliJ IDEA.
  User: lenovo
  Date: 2020/1/27
  Time: 15:00
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>通知管理</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="../../layui/css/layui.css"  media="all">
    <!-- 注意：如果你直接复制所有代码到本地，上述css路径需要改成你本地的 -->
</head>
<script src="../../layui/layui.js" charset="utf-8"></script>
<script src="/js/jquery-3.4.1.js" charset="utf-8"></script>
<script src="/js/common.js" charset="utf-8"></script>
<body style="padding: 10px;background-color: rgb(236,240,245);">
    <h1 style="margin-bottom: 20px;">通知管理</h1>
    <!-- 功能区+表格 -->
    <div style="background-color: white;">
        <div class="layui-row">
            <!-- 新增/刷新按钮 -->
            <div class="layui-col-xs3 layui-btn-container" style="padding-left: 10px;padding-top: 10px;font-size: 14px;">
                <button type="button" class="layui-btn" style="font-size: 1rem;" onclick="location.href='/jsp/informationManage/notifyEdit.jsp'">
                    <i class="layui-icon layui-icon-add-1" style="font-size: 14px;">新增</i>
                </button>
                <button type="button" class="layui-btn" onclick="location.href='/jsp/informationManage/notifyManage.jsp'">
                    <i class="layui-icon layui-icon-refresh-3" style="font-size: 14px;">刷新</i>
                </button>
            </div>
            <!-- 搜索框 -->
            <div class="layui-col-xs3 layui-col-xs-offset6" style="padding-top: 10px;padding-right: 10px;">
                <div style="width: 208px;height: 30px;border: 1px solid black;float: right;padding-left: 5px;">
                    <input id="queryCondition" placeholder="查找..." style="height: inherit;border: 0;"/>
                    <button type="button" class="layui-btn layui-btn-sm layui-bg-cyan" style="position: absolute;" onclick="queryNotifyList()">
                        <i class="layui-icon layui-icon-search"></i>
                    </button>
                </div>
            </div>
        </div>

        <table class="layui-hide" id="tb_notify" lay-filter="filter_notify"></table>
        <!-- 链接框 -->
        <script type="text/html" id="bar_link">
            <a href="">
                <i class="layui-icon layui-icon-link" style="color: #01AAED"></i>
            </a>
        </script>
        <!-- 状态框 -->
        <script type="text/html" id="bar_status">
            <a class="layui-btn layui-btn-xs"></a>
        </script>
        <!-- 表格工具列 -->
        <script type="text/html" id="bar_notifyEdit">
            <a class="layui-btn layui-btn-xs layui-btn-primary" lay-event="check">
                <i class="layui-icon layui-icon-search">查看</i>
            </a>
            <a class="layui-btn layui-btn-xs" lay-event="edit">
                <i class="layui-icon layui-icon-edit">修改</i>
            </a>
            <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">
                <i class="layui-icon layui-icon-close">删除</i>
            </a>
        </script>
    </div>
</body>
<script>
    // 表格模块
    layui.use('table', function(){
        var table = layui.table;

        table.render({
            elem:'#tb_notify',
            url:'/notifyManage/getNotifyListByPage.do',
            where:{
                queryCondition:$("#queryCondition").val()
            },
            title: '用户数据表',
            cols: [[
                {field:'notify_id', title:'ID', hide: true},
                {field:'notify_type', title:'类型id', hide: true},
                {field:'dictionary_value', title:'类型'},
                {field:'status_id', title:'状态id', hide: true},
                {field:'status_name', title:'状态名称', hide: true},
                {field:'theme_skin', title:'状态颜色', hide: true},
                {title:'状态',toolbar: '#bar_status'},
                {field:'notify_title', title:'标题'},
                {field:'release_time', title:'发布时间',width:'15%'},
                {field:'real_name', title:'发布人'},
                {field:'dept_name', title:'部门'},
                {field:'link', title:'链接值', hide: true},
                {title:'链接',toolbar: '#bar_link'},
                {field:'notify_desc', title:'内容', hide: true},
                {title:'操作', toolbar: '#bar_notifyEdit',fixed:'right',width:'20%'}
            ]],
            page: { //支持传入 laypage 组件的所有参数（某些参数除外，如：jump/elem） - 详见文档
                layout: ['limit', 'count', 'prev', 'page', 'next', 'skip','refresh'], //自定义分页布局
                groups: 5, //只显示 1 个连续页码
                first: false, //不显示首页
                last: false //不显示尾页
            },
            done: function(res, curr, count) {
                //如果是异步请求数据方式，res即为你接口返回的信息。
                //如果是直接赋值的方式，res即为：{data: [], count: 99} data为当前页数据、count为数据总长度
                var data = res.data;//表格数据数组
                //设置每一行的状态框
                setStatusColumn("tb_notify",data,6);
                //设置每一行的链接框
                setLinkColumn("tb_notify",data,12);
            }
        });

        //监听行工具事件
        table.on('tool(filter_notify)', function(obj){

            var data = obj.data;
            var event = obj.event;
            if(event == 'check'){

                location.href = '/jsp/informationManage/showNotify.jsp?notify_title='+data.notify_title+"&real_name="+data.real_name+"&release_time="+data.release_time+"&link="+data.link+"&notify_desc="+data.notify_desc;

            }else if (event == 'edit') {

                location.href = '/jsp/informationManage/notifyEdit.jsp?pageType=1&notify_type='+data.notify_type+'&notify_id='+data.notify_id+'&notify_title='+data.notify_title+"&status_id="+data.status_id+"&link="+data.link+"&notify_desc="+data.notify_desc;

            }else if(event == 'del'){

                layer.confirm('删除该记录将不能恢复，确定删除吗？', function(index){

                    $.ajax({
                        url:'/notifyManage/deleteNotifyById.do',
                        data:{
                            notify_id:data.notify_id
                        },
                        dataType:'json',
                        error:function (xmlHttpRequest, textStatus, errorThrown) {//请求失败回调函数

                            layer.msg("删除失败！")
                        }
                    });
                    obj.del();
                    layer.close(index);
                });
            }
        });
    });

    /**
     * 条件查询当前用户的通知列表，重载表格
     */
    function queryNotifyList() {
        //重载表格
        layui.table.reload('tb_notify', {
            url:'/notifyManage/getNotifyListByPage.do',
            where:{
                queryCondition:$("#queryCondition").val()
            }
        });
    }
</script>
</html>
